<template>
	<el-row class="personalinfo">
		<el-col :span="24" class="content-header">个人信息</el-col>
        <el-row :gutter="20">
    		<el-col :span="6" >
    			<el-card class="box">
              <el-col :span="24" class="userimg">
                  <img src="~@/assets/images/tab_user_on.png">
              </el-col>
              <el-col :span="24" class="username">
              系统管理员
              </el-col>
              <el-col :span="24" class="createdate">
              注册日期：2017-10-10
              </el-col>
              <el-row class="createdate">
                  <el-col :span="24" >
                      <el-button @click="userinfo">个人资料</el-button>
                  </el-col>
                  <el-col :span="24" >
                      <el-button @click="password">修改密码</el-button>
                  </el-col>
              </el-row>
          </el-card>
    		</el-col>
    		<el-col :span="18">
    			<router-view></router-view>
    		</el-col>
      </el-row>
	</el-row>
</template>
<script>
    import './personalinfo.scss';
    import router from '@/router/index';

    export default { 
        data () {
            return {
            }
        },
        methods: {
            userinfo : function(){
              router.push({path : "/home/personalinfo/userinfo"});
            },
            password : function(){
              router.push({path : "/home/personalinfo/password"});
            }
        },
        watch: {
            
        },
        created: function(){          
           this.userinfo();
        },
        beforeDestroy:function(){
          
        }
    }
</script>